<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
		
				
				<table class="table table-condensed table-bordered table-hover">
					<tr>
						<th><input type="checkbox" name="checkAll" onclick="checkAll();"></th>
						<th>家族名称</th>
						<th>家族QQ</th>
						<th>家族YY</th>
						<th>游戏线路</th>
						<th>家族族长</th>
						<th>创建时间</th>
						<th>主页</th>
						<th>点击率</th>
						<th>状态</th>
						<th>位置</th>
						<th>
							<button id="add_btn" class="btn btn-small btn-primary" onclick="add('family')">添加</button>
							<button id="del_btn" class="btn btn-small btn-primary" onclick="del('family');">删除</button>
						</th>
					</tr>
					<c:forEach items="${pageModel.list }" var="family" varStatus="s">
						<tr data-toggle="tooltip" title="双击编辑" dataid=${family.id } ondblclick="edit('family',${family.id})" style="cursor: pointer;">
							<td align="center" width="20"><input type="checkbox" name="ck" onclick="checkOne();"></td>
							<td>${family.name}</td>
							<td>${family.qq }</td>
							<td>${family.yy }</td>
							<td>${family.lineName }</td>
							<td>${family.leader }</td>
							<td>${family.created }</td>
							<td>${family.site }</td>
							<td>${family.clicks }</td>
							<td>${family.statusName }</td>
							<td>${family.placeName }</td>
							<td>
								<button class="btn btn-small" onclick="edit('family',${family.id})">修改</button>
							</td>
						</tr>
					</c:forEach>
				</table>
			<div class="btn-toolbar">
				<div class="btn-group">
						<button id="add_btn" class="btn btn-primary" onclick="add('family')">新增</button>
						<button id="del_btn" class="btn btn-primary" onclick="del('family');">删除</button>
				</div>
			</div>
				<p id="pager">
    
<script type="text/javascript">
$(document).ready(function() {
   	if(${pageModel.totalPage >1}){
  		 $("#pager").pager({ 
           	pagenumber: "${pageModel.currentPage}", 
           	pagecount: "${pageModel.totalPage}", 
           	buttonClickCallback: function(page){
           		$('#div_right').load("/family/manage",{page:page});
           	}
           });
  		}
});
   
</script>
